@font-face {
    font-family: "bebas";
    src: url(/Fonts/BebasNeue-webfont.eot);
    src: url(/Fonts/BebasNeue-webfont.eot?#iefix) format("embedded-opentype"), url(/Fonts/BebasNeue-webfont.woff) format("woff"), url(/Fonts/BebasNeue-webfont.ttf) format("truetype"), url(/Fonts/BebasNeue-webfont.svg#bebas_neueregular) format("svg");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "officina";
    src: url(/Fonts/OfficinaSanITCMedium.eot);
    src: url(/Fonts/OfficinaSanITCMedium.ttf) format("truetype"), url(/Fonts/OfficinaSanITCMedium.eot?#iefix) format("embedded-opentype")
    }
html, body {
    height: 100%;
    width: 100%;
    position: relative
    }
#wrapper {
    background: #F5F5F5;
    min-height: 100%;
    padding-bottom: 232px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
#veil {
    display: none;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1100;
    padding-top: 20px
    }
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis
    }
header {
    width: 100%;
    background: #ffba24;
    position: fixed;
    z-index: 10
    }
.header-inner {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    height: 138px
    }
.header-inner h1 {
    text-indent: -99999px;
    height: 118px;
    width: 628px;
    margin: 10px;
    display: inline-block
    }
.share-social {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -27px
    }
.share-social ul {
    list-style: none
    }
.share-social li {
    float: left
    }
.share-social li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.4) url(/chilmedia.org/20753.png) no-repeat;
    text-indent: -999999px;
    border-radius: 50%
    }
.agripa-social {
    position: absolute;
    bottom: 6px;
    right: 10px
    }
.agripa-social ul {
    list-style: none;
    overflow: hidden;
    position: relative;
    margin-left: 48px
    }
.agripa-social li {
    float: left;
    font-size: 0
    }
.agripa-social li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.4) url(/chilmedia.org/v2/file-preview/4e24ddc7-4ef1-4630-99bc-fcd566d88e35.jpg) no-repeat;
    text-indent: -999999px;
    border-radius: 50%
    }
.agripa-social .twitter {
    background-position: 0 0
    }
.agripa-social .facebook {
    background-position: 0 -40px
    }
.agripa-social .contact {
    background-position: 0 -80px
    }
.agripa-social .info {
    background-position: 0 -120px
    }
.agripa-social .login {
    background-position: 0 -160px
    }
.agripa-social .newsletter {
    background-position: 0 -240px
    }
.agripa-social .contact:hover {
    background-color: #ff9a08
    }
.agripa-social .info:hover {
    background-color: #FA4444
    }
.agripa-social .home:hover {
    background-color: #AAB939
    }
.agripa-social .newsletter:hover {
    background-color: #AC32CA
    }
.agripa-social .agripa-panel {
    background-position: 0 -280px
    }
.agripa-social .agripa-panel:hover {
    background-color: #f18700
    }
textarea:focus, input:focus {
    outline: 0
    }
.agripa-social .home {
    position: relative
    }
.agripa-social .home img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    border-radius: 50%
    }
#search {
    display: inline-block;
    margin-right: 10px;
    border-radius: 20px;
    position: relative
    }
#search:after {
    content: "";
    display: block;
    width: 35px;
    height: 40px;
    position: absolute;
    background: url(/chilmedia.org/20753.png) -5px -200px no-repeat;
    right: 0;
    top: 0
    }
#search input {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    background: rgba(255, 255, 255, 0.4);
    padding: 5px 35px 5px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: #606060
    }
#search input:focus {
    width: 200px;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out
    }
.social-links {
    position: absolute;
    top: 0;
    right: 20px
    }
.social-links li {
    list-style: none;
    float: left;
    margin-top: -5px
    }
.social-links ul li a {
    text-decoration: none;
    text-indent: -99999px;
    width: 30px;
    height: 34px;
    background: url(/chilmedia.org/20810.jpg) 0 0
    }
.social-links ul li:hover {
    margin-top: 0
    }
.social-links ul li a.facebook {
    background-position: -28px 0
    }
/****************

MENU PRINCIPAL

*****************/
#menu {
    width: 100%;
    background: #1d1d1b
    }
#menu > div {
    max-width: 1170px;
    margin: 0 auto
    }
#menu ul {
    list-style: none;
    font: 16px bebas, arial, "san-serif";
    color: #ffba24;
    text-align: center;
    overflow: hidden
    }
#menu ul li {
    float: left;
    width: 12.5%
    }
#menu a {
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    display: block
    }
#menu a:hover {
    background: #ffba24;
    color: #FFF
    }
/*______   TABLE MAIN-NAV   ______*/
#main-nav table, table#main-nav {
    width: 100%;
    text-align: center;
    border-collapse: collapse
    }
#main-nav table td, table#main-nav td {
    position: relative;
    min-width: 51px;
    max-width: 190px
    }
#main-nav table td > a, table#main-nav td > a {
    padding: 10px 5px;
    display: block
    }
#main-nav table td ul {
    display: none
    }
#main-nav table td:hover ul {
    display: block
    }
/*SUBMENU TABLE*/
#main-nav td ul {
    position: absolute;
    z-index: 10;
    top: 100%;
    background-color: #606060;
    text-align: left
    }
#main-nav td:hover > a {
    color: #ffba24;
    background-color: #606060
    }
#main-nav td ul li > a {
    display: block;
    padding: 10px 16px
    }
#main-nav td ul li:hover {
    background-color: #ffba24
    }
#main-nav {
    background-color: #333;
    font: 18px Roboto, arial, "san-serif";
    color: #FFF
    }
#main-nav a {
    text-decoration: none
    }
#main-nav > div {
    max-width: 1170px;
    margin: 0 auto
    }
#main-nav > div ul {
    list-style: none;
    width: 100%
    }
/*EndTable*/
@media screen and (max-width: 767px) {
    .widget #main-nav table tr > * {
        display: block;
        margin: 0 auto
        }
    .widget #main-nav table tr {
        display: table-cell
        }
    .widget #main-nav {
        top: 100%;
        transform: translatey(0)
        }
    .widget #main-nav .full-width {
        padding-left: 10px
        }
    }
/***********************

SWITCH BUTTON

************************/
.switch-button {
    float: left;
    margin-right: 8px
    }
.switch-button input[type="checkbox"]:not(:checked), input[type="checkbox"]:checked {
    /* :checked here acting as a filter for older browsers */
    position: absolute;
    opacity: 0
    }
.switch-button label {
    position: relative;
    display: inline-block;
    font: 14px officina, arial, "san-serif";
    color: #FFF
    }
.switch-button input[type="checkbox"].switch + div {
    width: 40px;
    height: 18px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
    background-origin: border-box;
    background-clip: border-box;
    overflow: hidden;
    transition-duration: 0.4s;
    transition-property: padding, width;
    margin: 0 auto;
    margin-top: 20px
    }
.switch-button input[type="checkbox"].switch:checked + div {
    padding-left: 22px;
    width: 18px
    }
.switch-button input[type="checkbox"].switch + div + span:before {
    content: "Follow";
    width: 46px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
    }
.switch-button input[type="checkbox"].switch:checked + div + span:before {
    content: "Unfollow"
    }
.switch-button input[type="checkbox"].switch + div:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 1px;
    border-radius: inherit;
    background: #FFF
    }
.switch-button input[type="checkbox"].switch:active + div:before {
    background-color: #aaa
    }
/******************************

POPUP

*******************************/
.newsletter-holder, .mail-holder {
    position: absolute;
    top: 56px;
    max-width: 300px;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 12px/16px myriad, verdana, "san-serif";
    background: #FFF;
    border: 1px solid #3F3F3F;
    box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.8);
    overflow: hidden;
    z-index: 11
    }
.popup h6 {
    font: bold 18px/26px bebas, arial, "san-serif";
    margin: -20px -20px 10px -20px;
    padding: 10px;
    background: #ffba24;
    color: #333
    }
.popup input {
    width: 100%;
    padding: 2px 4px;
    border: 1px solid #606060;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 26px;
    min-height: 26px;
    margin: 10px 0
    }
.popup textarea {
    width: 100%;
    min-height: 80px;
    padding: 2px 4px;
    border: 1px solid #606060;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 26px;
    margin-top: 10px;
    font-family: inherit;
    font-size: inherit
    }
.popup .newsletter-subscribe {
    line-height: 30px;
    background: #ffba24;
    border-radius: 4px;
    padding: 0 10px;
    color: #FFF;
    font-size: 13px;
    border: none;
    cursor: pointer;
    float: right;
    margin-top: 10px
    }
.mail-holder {
    display: none
    }
.newsletter-holder {
    display: none
    }
.hero {
    position: relative
    }
.hero-title {
    position: relative
    }
.hero img {
    max-width: 100%;
    max-height: 100%
    }
.hero-box {
    width: 33.3333%;
    position: absolute;
    bottom: 20px;
    right: 10px;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.hero-box p {
    background: #1d1d1b;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    font: 32px bebas, arial, "san-serif";
    line-height: 40px;
    color: #FFF;
    text-align: right;
    font-weight: bold
    }
.hero-box p a {
    text-decoration: none
    }
#main {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 24px;
    padding: 20px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
    }
#main .widget {
    padding: 15px
    }
.five-col {
    width: 16.66%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 0;
    padding: 15px
    }
.five-col img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
    }
.five-col > div {
    position: relative;
    width: 100%;
    padding-top: 128.97%
    }
.five-col h4 {
    padding: 0 !important
    }
.six-col {
    width: 16.66%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 0;
    padding: 15px
    }
.six-col img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
    }
.six-col > div {
    position: relative;
    width: 100%;
    padding-top: 128.97%
    }
.six-col h4 {
    padding: 0 !important
    }
.six-col:hover .profile-info {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1
    }
.profile-info {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #3F3F3F
    }
.five-col:hover .profile-info {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1
    }
.profile-info p {
    font: 14px/18px officina, arial, "san-serif";
    height: 33.33%;
    color: #FFF
    }
.profile-info .email {
    word-break: break-all;
    display: none
    }
.profile-info .name {
    color: #ffba24;
    font-size: 18px
    }
.three-col {
    width: 33.3333%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 422px;
    position: relative
    }
.doble-height {
    height: 864px
    }
.three-col .events-stream-widget {
    height: 764px;
    overflow: hidden;
    border-bottom: 10px solid #FFF
    }
.group {
    overflow: hidden
    }
.product .three-col, .group .three-col {
    height: auto;
    font-size: 0;
    padding: 15px
    }
.two-col {
    width: 66.6666%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 422px;
    position: relative
    }
.three-col > div {
    background: #FFF;
    height: 100%;
    overflow: hidden;
    position: relative
    }
.two-col > div {
    background: #FFF;
    height: 100%;
    overflow: hidden;
    position: relative
    }
.widget .widget-title {
    position: relative;
    height: auto
    }
.widget-title h2 a {
    text-decoration: none;
    padding-right: 120px
    }
.widget-title .options .puntos:hover {
    background-position: 0 -44px
    }
.widget-title .options {
    position: absolute;
    top: 0;
    right: 0
    }
.widget-title .options a {
    display: block;
    width: 44px;
    height: 44px;
    background: url(/chilmedia.org/v2/file-preview/ad321d1e-ab76-4c38-8add-2a91b0c01e1f.jpg);
    float: left
    }
.widget-title .options .help-section {
    background: rgba(255, 255, 255, 0.4) url(/chilmedia.org/v2/file-preview/4e24ddc7-4ef1-4630-99bc-fcd566d88e35.jpg) no-repeat -5px -124px;
    margin: 7px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #FFF;
    line-height: 30px;
    border-radius: 50%;
    font: 22px/30px "Roboto";
    float: left;
    position: relative;
    cursor: pointer
    }
.widget-title .options .help-section:hover {
    background-color: rgba(0, 0, 0, 0.4)
    }
.help-section-bubble {
    display: none;
    padding: 20px;
    background: #FFF
    }
.help-section-bubble p {
    font: 14px/20px "Segoe UI", Helvetica, Verdana, san-serif
    }
.help-section-bubble a {
    color: #606060;
    text-decoration: underline
    }
.help-section-bubble a:hover {
    color: #ffba24
    }
.widget-title .options .add {
    background-position: -44px 0
    }
.widget-title .options .add:hover {
    background-position: -44px -44px
    }
h2 {
    background: #ffba24;
    font: 20px bebas, arial, "san-serif";
    padding: 10px 20px;
    color: #1d1d1b;
    font-weight: bold
    }
.hero-title {
    background: #ffba24
    }
.hero-title h2 {
    margin-right: 125px
    }
h4 {
    position: absolute;
    font: 14px "Open Sans Condensed", arial, "san-serif";
    border-right: 4px solid #ffba24;
    top: 20px;
    right: 11px;
    background: #FFF;
    padding: 5px 15px;
    z-index: 1;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
    font-weight: 700;
    text-transform: uppercase
    }
h4 a {
    text-decoration: none
    }
h4 a:hover {
    color: #ffba24
    }
h5 {
    font: 20px officina, arial, "san-serif";
    color: #1d1d1b;
    margin-bottom: 10px
    }
h5 a {
    text-decoration: none
    }
h5 a:hover {
    color: #ffba24
    }
.areas-holder ul {
    list-style: none;
    font: 16px/26px officina, arial, "san-serif";
    text-transform: uppercase;
    padding: 5px 20px
    }
.areas-holder ul a {
    text-decoration: none;
    width: 100%;
    display: block
    }
.areas-holder ul:nth-child(3) a {
    color: #808080
    }
.areas-holder ul a:hover {
    color: #ffba24
    }
.featured img {
    max-width: 100%;
    max-height: 100%
    }
.more {
    text-decoration: none;
    font: 12px myriad, arial, "san-serif";
    color: #ffba24;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
    }
.summary {
    font: 14px myriad, arial, "san-serif";
    color: #777;
    line-height: 20px
    }
.new-summary {
    padding: 10px;
    background: #FFF;
    position: relative;
    z-index: 2
    }
.new-summary .summary p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
    }
.new-summary h5 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 72px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
    }
.author {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 5px;
    overflow: hidden;
    font: 10px myriad, verdana, "san-serif";
    background: #ffba24;
    z-index: 1;
    bottom: -42px;
    -webkit-transition: 0.5s;
    transition: 0.5s
    }
.author img {
    width: 36px;
    height: 36px;
    float: left
    }
.news-author {
    margin-left: 46px;
    position: relative
    }
.author p {
    color: #1d1d1b;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    margin-right: 125px
    }
.author p.date {
    color: #FFF;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px
    }
.featured .hero {
    font-size: 0;
    position: relative
    }
.author p a {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    display: block
    }
.author span {
    float: left;
    color: #FFF;
    padding-left: 5px;
    line-height: 14px
    }
.featured:hover .author {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    bottom: 0
    }
.group img {
    max-width: 100%;
    max-height: 100%
    }
.group h4 {
    width: 100%;
    text-align: center;
    box-shadow: none;
    border: none;
    background: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    top: auto;
    padding: 14px 15px
    }
.group h4 a {
    text-decoration: none;
    width: 100%;
    background: #1d1d1b;
    background: rgba(0, 0, 0, 0.6);
    font-family: officina, aria, "san-serif";
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 5px;
    color: #FFF;
    font-weight: normal
    }
.group h4 a:hover {
    background: #ffba24
    }
.product .widget-content, .group .widget-content {
    margin: 10px -15px
    }
.event-panel {
    padding: 10px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
    }
.event-panel .date {
    width: 54px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1d1d1b;
    color: #FFF;
    font: 32px/32px officina, verdana, "san-serif";
    text-align: center;
    padding: 10px
    }
.event-panel .date span {
    display: block
    }
.event-panel .date .month {
    font-size: 16px;
    line-height: 16px
    }
.event-panel h5 {
    padding-left: 10px
    }
.event-panel h5 a:hover {
    color: #ffba24
    }
.event-panel h5 a {
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 96px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
    }
.event-info {
    width: 100%;
    position: relative
    }
.event-panel .location {
    text-decoration: none;
    color: #777;
    font: 12px myriad, arial, "san-serif";
    margin-left: 10px;
    line-height: 14px;
    height: 14px;
    position: relative;
    bottom: 0
    }
.event-panel .location:before {
    content: "";
    background: url(http://138.100.136.142:8080/150772.png);
    width: 10px;
    height: 14px;
    margin-right: 6px;
    display: inline-block
    }
.featured .share-social li {
    width: 30px;
    height: 30px;
    background-size: 30px;
    cursor: pointer
    }
.featured .share-social {
    margin-top: -15px;
    right: -3px
    }
.featured .share-social .facebook {
    background-position: 0 -30px
    }
.featured .share-social .mail {
    background-position: 0 -60px
    }
.featured .share-social .mail:hover {
    background-color: #ff9a08
    }
.share-social .twitter:hover {
    background-color: #00ACED
    }
.share-social .facebook:hover {
    background-color: #3B5998
    }
.share-social .newsletter:hover {
    background-color: #ff9a08
    }
footer {
    border-top: 20px solid #ffba24;
    background: #1d1d1b;
    position: relative;
    top: -212px
    }
.footer-inner {
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
    }
.footer-inner ul {
    height: 100px;
    list-style: none;
    display: inline-block;
    position: relative;
    left: 50%
    }
.footer-inner li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 5px 15px;
    font: 14px officina, arial, "san-serif";
    color: #777;
    position: relative;
    left: -50%
    }
.footer-inner li img {
    padding: 10px;
    background: #FFF;
    border: 1px solid #777;
    border-radius: 4px;
    z-index: 3
    }
.footer-inner li:hover img {
    display: block
    }
.general-links {
    margin-top: 30px;
    color: #777;
    text-align: center;
    font: 12px myriad, arial, "san-serif"
    }
.general-links p {
    margin-bottom: 10px
    }
.general-links a {
    text-decoration: none
    }
.general-links a:hover {
    color: #FFF
    }
.puntos {
    position: relative;
    cursor: pointer
    }
.puntos a {
    text-decoration: none;
    display: block
    }
.puntos a:after {
    content: "";
    position: absolute;
    width: 46px;
    height: 46px;
    top: -2px;
    right: 0;
    background: url(http://138.100.136.142:8080/150812.png)
    }
.puntos:hover a:after {
    background-position: 0 -46px
    }
.five-col h4 {
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    font: 16px/26px officina, arial, "san-serif";
    color: #FFF
    }
.group .avatar {
    position: absolute;
    top: 8px;
    left: 30px;
    box-shadow: 2px 2px 5px #636363
    }
.edit-item {
    position: absolute;
    margin: 4px;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 3px;
    line-height: 20px;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    color: #284974;
    text-decoration: none
    }
/*______   PRODUCTS   ______*/
.product-panel .origin, .product-panel .startdate {
    font: 14px myriad, arial, "san-serif";
    color: #777;
    line-height: 20px
    }
.product-panel .iconinline {
    margin: 10px 0
    }
.product-panel .iconinline > * {
    display: inline-block;
    line-height: 26px;
    vertical-align: middle
    }
.product-panel .iconinline i {
    color: #ffba24;
    font-size: 22px;
    padding-right: 16px
    }
.family-panel {
    display: inline-block;
    font: 17px "Raleway", arial, sans-serif;
    color: #3B3B3B;
    width: 200px;
    height: 200px;
    margin: 10px;
    background-color: #e8e6e0;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s
    }
.family-panel:hover {
    background-color: #ffba24
    }
.family-panel a:hover {
    color: #3B3B3B
    }
.row-inline.align-center, .family-panel .align-center {
    text-align: center
    }
.family-panel a {
    text-decoration: none
    }
.add-panel i, .family-panel i {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 50px;
    margin: 20px auto
    }
.add-panel i {
    color: #ffba24;
    margin: 10px auto
    }
/*RRSS ICONS*/
.fonticon-facebook:before {
    content: ""
    }
.fonticon-facebookline:before {
    content: ""
    }
.fonticon-googleplus:before {
    content: ""
    }
.fonticon-googleplusline:before {
    content: ""
    }
.fonticon-linkedin:before {
    content: ""
    }
.fonticon-linkedinline:before {
    content: ""
    }
.fonticon-twitter:before {
    content: ""
    }
.fonticon-twitterline:before {
    content: ""
    }
.fonticon-infraestructura:before {
    content: ""
    }
.fonticon-price:before {
    content: ""
    }
.fonticon-servicios-tecnologicos:before {
    content: ""
    }
.fonticon-todos:before {
    content: ""
    }
.fonticon-actividad-formativa:before {
    content: ""
    }